<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
    <script type="text/javascript" src="../../script/jquery-3.5.1.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
            <div class="col-md-3 text-center">
                <a href="detail.jsp" style="text-decoration: none" target="showFrame">
                    <img src="../../images/goods/6.jpg" width="200px" style="margin-top: 20px">
                    <p style="color: gray">蜗牛10plus</p>
                    <p style="color: orangered">价格:1999.99元</p>
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../script/bootstrap.js"></script>
</body>
</html>